<template>
  <div class="page">
    <div class="pwd-wrap">
      <div class="pwd-box">
        <div class="item vux-1px-b">
          <label for="oldPwd">旧密码:</label>
          <input type="password" id="oldPwd" placeholder="请输入旧密码">
        </div>
        <div class="item vux-1px-b">
          <label for="newPwd">新密码:</label>
          <input type="password" id="newPwd" placeholder="请输入6-16位新密码">
        </div>
        <div class="item">
          <label for="confirmPwd">确认密码:</label>
          <input type="password" id="confirmPwd" placeholder="请再次输入新密码">
        </div>
      </div>
    </div>
    <div class="subBtn-box">
      <button class="btn">完成</button>
    </div>
  </div>
</template>

<script>
  export default {
    data(){
      return {
        title: '修改密码',
      }
    },
    created(){
      this.$store.commit('setTitle',this.title)
      this.$store.commit('setShowCloseBtn',false)
    },
  }
</script>

<style lang="less" scoped>
.pwd-wrap{
  height: 330px;
  margin-top: 20px;
  background: #ffffff;
  .pwd-box{
    height: 100%;
    .item{
      padding: 0 3.5%;
      height: 110px;
      line-height: 110px;
      display: flex;
      align-items:center;
      label{
        width: 150px;
        font-size: 30px;
        color: #262626;
        letter-spacing: 1;
      }
      input{
        height: 30px;
        line-height: 30px;
        font-size: 30px;
      }
    }
  }
}
.subBtn-box{
  text-align: center;
  margin-top: 100px;
  button{
    border-radius: 10px;
  }
}
</style>
